﻿@model MyPortfolio.Models.Artist

<div>
    @using (Html.BeginForm("Search", "Home", FormMethod.Post,
                new { encType = "multipart/form-data", id = "myform", name = "myform" }))
    { 
        <div class="container">
            <div class="row col-xs-12 centered">
                <h1>Simular Music Artist Search</h1>
                <p>This demo places an API call to <a href="http://www.last.fm/api/intro">last.fm</a></p>
                <input name="artistName" type="text" class="form-control" placeholder="artist name">
                <button type="submit" name="operation" id="submit" value="process" class="btn btn-large btn-primary"><span class="glyphicon glyphicon-search"></span>&nbsp;&nbsp;Search</button>
            </div>
        </div> 
    }
</div>
<div class="row col-xs-12 centered">
    <div id="processing">
        <img src="~/Images/spinner.gif" alt="Loading, Please wait..." />
    </div>
    <div class="alert alert-info alert-dismissible" id="alert" role="alert">
        <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <p>Please try again. No data returned.</p>
    </div>
    <ul id="artistgrid" class="col-lg-4 rig">
    </ul>
</div>